.customCheckbox-input + .customCheckbox-mask {
    background: $main-background;
    /* load the sprite*/
    background-image: url("");
}

.customCheckbox-input:checked + .customCheckbox-mask {
    background-color: $primary;
    border-color: $primary;
    background-position: 0% 50%;
}

.customCheckbox-input:disabled + .customCheckbox-mask,
.customCheckbox-input:indeterminate + .customCheckbox-mask {
    border-color: $border;
    background-color: lighten($tertiary, 4%);
}

.customCheckbox-input:indeterminate + .customCheckbox-mask,
.customCheckbox-input:checked:disabled + .customCheckbox-mask {
    background-image: url("");
}

.customCheckbox-input:indeterminate + .customMaskInput-mask {
    background-position: 100% 50%;
}
